import { Component, ContentChild, TemplateRef, ViewChild } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CounterComponent } from '../counter.component';
import { BtnTemplateDirective } from '../btn-template.directive';

@Component({
  selector: 'app-card',
  standalone: true,
  templateUrl: './card.component.html',
  styleUrls: ['./card.component.css'],
  imports: [CommonModule, CounterComponent],
})
export class CardComponent {
  @ContentChild('btnTemplate', { read: TemplateRef })
  btnTemplate!: TemplateRef<any>;

  @ContentChild(BtnTemplateDirective) content!: BtnTemplateDirective;

  showImage = true;
  showCounter = false;
  buttonAtStart = false;
}
